@import "./variable";
@import "bootstrap/scss/_functions";
@import "bootstrap/scss/_variables";
@import "bootstrap/scss/_utilities";
body,
html {
	margin: 0;
	padding: 0;
	font-size: 12px;
	@extend .cantSelect;
}
a {
	color: #0c73c2;
	text-decoration: none;
}
//a标签通用样式
.colorA {
	color: #0c73c2;
}
//背景图片基本样式
.bg-base {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
//padding、border不影响宽高
.box-border {
	box-sizing: border-box;
}
//允许复制
.canSelect {
	-webkit-touch-callout: text; /* iOS Safari */
	-webkit-user-select: text; /* Chrome/Safari/Opera */
	-khtml-user-select: text; /* Konqueror */
	-moz-user-select: text; /* Firefox */
	-ms-user-select: text; /* Internet Explorer/Edge */
	user-select: text; /* Non-prefixed version, currently not supported by any browser */
}
//禁用复制
.cantSelect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently not supported by any browser */
}
//文字或图标在鼠标悬浮和不悬浮时的通用样式
.hover-opacity {
	cursor: pointer;
	opacity: 0.6;
	&:hover {
		opacity: 1 !important;
	}
}
//隐藏滚动条
.hideScrollBar {
	&::-webkit-scrollbar {
		display: none;
	}
	-ms-overflow-style: none; /* IE 10+ */
	scrollbar-width: none; /* Firefox */
}
//鼠标悬浮背景颜色变色
.hover-item-grey {
	&:hover {
		background-color: #f5f5f6;
		cursor: pointer;
	}
}
//超出一行显示省略号
.text-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
//flex横纵居中、宽高不缩小
.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
//颜色翻转
.filter-invert-1 {
	filter: invert(1);
}
.layoutWidth {
	width: 940px;
}
@for $index from -10 to 10 {
	.translate-x-#{$index * 10} {
		transform: translateX(#{$index * 10%});
	}
	.translate-y-#{$index * 10} {
		transform: translateY(#{$index * 10%});
	}
}
@for $index from -36 through 36 {
	.rotate-#{$index * 5} {
		transform: rotate(#{$index * 5}deg);
	}
}
// 鼠标样式
@each $item in $cursors {
	.cursor-#{$item} {
		cursor: #{$item};
	}
}
@each $key, $val in $colors {
	.bg-#{$key} {
		background-color: #{$val};
	}
}
@each $value in $objectFitValues {
	.object-fit-#{$value} {
		object-fit: #{$value};
	}
}
$utilities: (
	"opacity": (
		property: opacity,
		values: (
			0: 0,
			25: 0.25,
			50: 0.5,
			75: 0.75,
			100: 1,
		),
	),
	"viewport-width": (
		property: width,
		class: vw,
		values: (
			0: 0,
			25: 25vw,
			50: 50vw,
			75: 75vw,
			100: 100vw,
		),
	),
	"rounded": (
		property: border-radius,
		class: rounded,
		values: (
			null: $border-radius,
			0: 0,
			1: $border-radius-sm,
			2: $border-radius,
			3: $border-radius-lg,
			4: 0.4rem,
			5: 0.5rem,
			6: 0.6rem,
			7: 0.7rem,
			8: 0.8rem,
			circle: 50%,
			pill: $border-radius-pill,
		),
	),
	// "bg-opacity": (
    //   css-var: true,
    //   class: bg-opacity,
    //   values: (
    //     10: .1,
    //     25: .25,
    //     50: .5,
    //     75: .75,
    //     100: 1
    //   )
    // )
);
//文字超出$rows行显示省略号
@mixin ellipsis($rows) {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: #{$rows};
	line-clamp: #{$rows};
	-webkit-box-orient: vertical;
}

@mixin blur($size) {
	-webkit-filter: blur($size);
	-moz-filter: blur($size);
	-ms-filter: blur($size);
	-o-filter: blur($size);
	filter: blur($size);
}
